body{ background-size:cover; background-position:center; background-color:#333}

/*anxu*/
.weui_dialog a{
    color: #888;
}
.weui_dialog a:focus{
    box-shadow: 0 0 3px #333;
}
#main{ -webkit-transform-style: preserve-3d; -webkit-transform:translate3d(0,0,0)}
.body_background{ width:100%; height:100%; position:fixed; left:0; top:0; right:0; bottom:0; z-index:0; background-size:cover; background-position:center}
.weui_toast{ z-index:10}

.navbar-default{ background-color:#333333}
.navbar-default .navbar-brand{ color:#fff}
.border-right{ border-right:1px solid #e7e7e7}
.main{ position:relative; min-height:100%; overflow:hidden; padding:13px 7px 71px 7px; z-index:10}
.main .col-xs-12{ overflow:hidden; padding-left:7px; padding-right:7px}
.main .col-xs-12 .panel{ margin-bottom:13px}
.avatar{ width:32px; height:32px}
.media>*{ font-weight:normal; vertical-align:middle}
.media .media-body{ color:inherit}
.like{ white-space:nowrap}
.like>*{ vertical-align:middle; color:#ccc; font-size:15px}
.like .glyphicon{ margin-right:7px}
.tools .glyphicon{ font-size:25px; vertical-align:middle; color:inherit; line-height:25px; cursor:pointer; margin-left:14px}
.source_logo{ position:absolute; right:15px; top:5px; opacity:0.5}
.weui_tabbar{ z-index:1}
.weui_tabbar_label{ margin-bottom:0}
.upload_zone{ width:100%; min-height:80px; position:relative; margin-bottom:9px}
.upload_zone>.weui_uploader_input_wrp{ float:none; position:absolute; left:50%; margin-left:-38px}
.upload_zone>img{ max-width:100%; position:relative; display:block; margin:0 auto}
.weui_toast{ top:150px}
.weui_tabbar_item .glyphicon{ color:#888}
.weui_bar_item_on .glyphicon{ color:#09bb07}
.giant_screen{ position:fixed; top:0; right:0; bottom:0; left:0; padding:20px; z-index:1040; background-size:cover; background-position:center}
.giant_screen_right{ height:100%}
.giant_screen_row .giant_screen_right .media{ padding-left:15px}
.giant_screen_pic{ height:100%; position:relative; text-align:left}
.giant_screen_pic:last-child{ text-align:right}
.giant_screen_pic>div{ position:absolute; top:0; right:15px; bottom:0; left:15px; overflow:hidden}
.giant_screen_pic>div>div{ background-size:cover; background-position:center; transition-property:transform; -moz-transition-property:transform; -webkit-transition-property:transform; -o-transition-property:transform; -ms-transition-property:transform; /*opacity: 0; -webkit-animation: pic-in 1s ease-out 0.1s 1 forwards; -moz-animation: pic-in 1s ease-out 0.1s 1 forwards*/}
.giant_screen_title{ font-size:24px; font-weight:normal; opacity: 0; -webkit-animation: name-in 0.7s ease-out 0s 1 forwards; -moz-animation: name-in 0.7s ease-out 0s 1 forwards; padding-bottom:64px}
.giant_screen_title img{ vertical-align: middle; margin-right: 10px}
.giant_screen_row{ position:relative; height:100%}
.giant_screen_row .col-sm-6{ color:inherit; height:100%}
.giant_screen_row .media{ color:inherit; position:absolute; right:15px; bottom:0; left:0; opacity: 0; -webkit-animation: name-in 0.7s ease-out 0s 1 forwards; -moz-animation: name-in 0.7s ease-out 0s 1 forwards;}
.giant_screen_row .giant_screen_left .media{ left:15px; right:0; padding-left:0; padding-right:15px}
.giant_screen_row .avatar{ width:64px; height:64px}
.full_background_screen{ position:absolute; left:0; top:0; right:0; bottom:0; background-size:cover; background-position:center bottom}
.full_background_screen .img-responsive{ display:block; min-width:100%; min-height:100%; position:absolute}
.full_background_screen .media{ color:inherit; left:20px; top:5px; bottom:auto}
.full_background_screen .giant_screen_title{ color:inherit; letter-spacing:1px; position:absolute; background-color:rgba(0,0,0,0.3); left:0; bottom:0; right:0; padding:10px 20px; margin:0}
.full_background_screen>div{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden}
.media-right .create-time{ display:block; font-size:14px; font-weight:normal; margin-top:10px}
/*.panel-body .media-right .create-time{ color:#ccc; margin-top:0}*/
.giant_screen_background{ position:absolute; left:0; top:0; background-size:cover; background-position:center; transition-property:transform; -moz-transition-property:transform; -webkit-transition-property:transform; -o-transition-property:transform; -ms-transition-property:transform}
.example-enter {
  opacity: 0.01;
  transition: opacity .5s ease-in;
}

.example-enter.example-enter-active {
  opacity: 1;
}

.example-leave {
  opacity: 1;
  transition: opacity .5s ease-in;
}

.example-leave.example-leave-active {
  opacity: 0;
}

.weui_mask{ z-index:1040}
.weui_dialog{ z-index:1041}
.setting{ width:85%}
.weui_dialog_maintitle{ height:42px; line-height:42px; padding:0; margin-bottom:10px}
.weui_dialog_maintitle:after{ content:''; display:block; width:100%; border-bottom:1px solid #d5d5d6; -webkit-transform-origin:0 0; transform-origin:0 0; -webkit-transform:scaleY(.5); transform:scaleY(.5)}
.weui_dialog_subtitle{ text-align:left; padding:1.2em 35px 0.5em 35px}
.weui_dialog_subtitle + .weui_dialog_bd>.swatches{ padding:0 10px}
.weui_dialog_ft{ margin-top:40px}
.swatches{ overflow:hidden}
.swatch{ min-width:100px; height:80px; position:relative; text-align:center; line-height:80px; background-color:#f3f3f3; float:left; border-radius:3px; cursor:pointer; margin:15px; padding:0 10px}
.swatch_selected{ background-color:#7f7f7f; color:#fff !important;}
.swatch_small{ min-width:30px; width:auto; height:30px; line-height:30px; font-size:14px; margin:5px; padding:0 5px}
.swatch_default{}
.swatch_default + span{ display:block; float:left; height:30px; border-right:1px solid #e8e8ea; -webkit-transform:scaleX(.5); transform:scaleX(.5); margin:5px 30px}

.main .panel{ border:none; -webkit-box-shadow:none; box-shadow:none}
.panel-body-absolute{ position:absolute; left:0; bottom:0; right:0}
.media_auditing{ border-top:1px solid #e7e7e7; padding-top:15px; margin-top:10px}
.media_auditing .weui_btn{ vertical-align:middle; margin-left:10px; margin-top:0}
.media_auditing .weui_btn:first-child{ margin-left:0}
.media_auditing>.btn{ width:40px; height:40px; border-radius:50%; line-height:40px; font-size:17px; padding:0}
.media_bottom{border-bottom:1px solid #e7e7e7;padding-bottom:15px;margin-bottom: 7px;}
div a.btn-xs{padding: 12px 19px;border-right: 1px solid rgba(0,0,0,.2);}
 div.text-center div a.dropdown-toggle{padding: 12px 19px;border-right: 1px solid rgba(0,0,0,.2);border-left: 1px solid rgba(0,0,0,.2);}
.box-header .btn-group>div.pull-left:first-child{border-right: 1px solid rgba(0,0,0,.2);padding-right:20px;margin-right:20px}


}
.placeholder{}

.main_setting{ margin-bottom:20px}
.weui_cells_radio .weui_check_label{ margin:0}
.weui_cells_radio .weui_cell_bd p{ font-weight:normal; margin:0}
.weui_check{ visibility:hidden}

.parllay_logo{ max-height:90px; position:absolute; top:20px; right:15px}
.parllay_qrcode{ max-height:120px; position:absolute; bottom:108px; right:15px}
.follows_us{position: absolute; bottom: 68px; right: 15px; width: 120px;  text-align: center;}
.follows_us>p{  margin:0px;}
.tools .liked{ color:#EF4F4F}

.parllay_qrcode.qrcode_bottom {
	bottom: 40px
}

.follows_us.qrcode_bottom {
	bottom: 0
}

.wall_logo{ line-height:43px; font-size:28px; padding:0px 15px}
.wall_logo img{ display:inline; max-height:100%}
.wall_qrcode{ max-width:100%}
.top-hd{ opacity:0.25; padding:0!important}

.list_item{
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.list_item .media{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-direction:row; flex-direction:row; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-align:center; align-items:center}
/*.list_item .media-pic *{ color:#ccc}*/
.list_item .media .media-body,.list_item .media .media-left,.list_item .media .media-right{ display:inline-block; white-space:nowrap; overflow:visible}
.list_item .media .media-body{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1}
.main .list_item_nopadding{ background-size:cover; background-position:center; padding:0}
.list_item .media .media-right.tools span{ position:relative; bottom:-1px}

.main-sizelimit .list_item{}

.gem_itme{ display:inline-block; position:relative; /*padding:7px 10px 8px 10px*/}
.gem_itme_bg{ width:100%; height:100%; border-radius:50%; background-color:#aaa; background-size:cover; background-position:center}
.gem_animation{ transition-timing-function:cubic-bezier(0.77, 0, 0.175, 1); transition-duration:4.71443s; transform:translate3d(0, -250px, 0px)}
.giant_gem_screen{ padding-top:10px!important}
.gem_user_box{ opacity:0; transition-duration:0.5s; transition-timing-function:'cubic-bezier(0.12,0,1,1)'; transform:translate3d(0, 0, 0); width:100%; height:100%; border-radius:50%; overflow:hidden; position:absolute; left:0; top:0}
.gem_user_box>div{ width:300%; color:#fff; position:absolute; left:0; bottom:5px; transform:scale(0.36); -moz-transform:scale(0.36); -webkit-transform:scale(0.36); -o-transform:scale(0.36); -ms-transform:scale(0.36); padding:10px; margin-left:-100%}
.gem_user_info{ width:65%; height:100%; margin:0 auto; padding:0 0 0 45px}
.gem_user_box>div h4{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-top:5px}
.gem_user_box>div p{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:14px; margin-bottom:5px}
.gem_avatar{ opacity:0; transition-duration:0.5s; transition-timing-function:'cubic-bezier(0.02,0,1,1)'; transform:translate3d(0, 0, 0); position:absolute; width:40px; height:40px; left:10px; bottom:25px; border-radius:50%}
.super_gem_itme .gem_user_box,.super_gem_itme .gem_avatar{ opacity:1}
.gem_itme_block .gem_user_box,.gem_itme_block .gem_itme_bg{ border-radius:5%}
.gem_itme_block .gem_avatar{ bottom:15px}
.gem_itme_block .gem_user_info{ width:auto; margin:0 5% 0 18%}
.gem_itme_block .gem_user_box>div{ bottom:-5px}

.atmosphere_screen{}
.atmosphere{ width:300px; height:300px; overflow:hidden; position:relative; border:1px solid #F26236; margin:0 auto}
.atmosphere-photo{ height:70%; position:absolute; left:0; right:0; top:0; background-size:cover; background-position:center}
.atmosphere-userinfo{ height:30%; position:absolute; left:0; right:0; bottom:0; text-align:center; background-color:#F26236; color:#fff}
.atmosphere-userinfo img{ width:50px; height:50px; border-radius:50%; box-shadow:0 0 2px #fff; margin-top:-26px}
.atmosphere_desc{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin:10px 20%}

/*video*/
.video_icon{ width:64px; height:64px; position:absolute; left:50%; top:50%; margin:-32px 0 0 -32px}
.list_item .panel-heading{ position:relative; overflow:hidden; padding:0}
.list_item_video.list_item_nopadding .panel{ border-radius:0}
.list_item_video{ overflow:hidden}
.list_item_video .img-responsive,.gem_itme .list_item_video{ -webkit-filter: blur(1px); -moz-filter: blur(1px); -ms-filter: blur(1px); filter: blur(1px)}

/*screens*/
.mixture_screen>div{ position:absolute}
.swatch.mixture_screen>div{ display:flex; justify-content:center; align-items:center; box-shadow:0 0 1px #333; white-space: nowrap; overflow: hidden}

/*poker*/
.poker-wrapper{ position:fixed; left:0; top:0; right:0; bottom:0; z-index:10000}
.poker-overlay{ position:absolute; left:0; top:0; right:0; bottom:0; background:#000; opacity:0.7}
.poker-list{ height:100%; position:relative; text-align: center}
.poker-item{ display:inline-block;}
.poker-item img{ width:100%; height:100%; border:7px solid #fff; border-radius:5px}
.poker-item p{ display:none}
.poker-item-focus p{ display:block; background:#000; color:#fff; font-size:16px; position:absolute; left:7px; bottom:-3px; right:7px; padding:10px}
.poker-item-focus p img{ width:70px; height:70px; position:absolute; left:-25px; top:-12px; border-radius:50%; border:5px solid #fff}

/*advertising space*/
.ad-space{ text-align:center; color:#fff; opacity:0.25; margin-bottom:13px}

/*overlay*/
.list_item_overlay{ font-size:150px; color:#EF4F4F; position:absolute; top:50%; left:50%; margin-top:-75px; margin-left:-75px; z-index:10}
.list_item_overlay.fade-in{ -webkit-animation: like 1s ease-in-out 0s 1 forwards; -moz-animation: like 1s ease-in-out 0s 1 forwards;}
.list_item_overlay.fade-out{ -webkit-animation: unlike 0.7s ease-out 0s 1 forwards; -moz-animation: unlike 0.7s ease-out 0s 1 forwards;}

/*sub nav cut from template timeline*/
.navStyle{
    width:100%;
    border:0px !important;
    padding:0!important;
}
.navStyleLi{
    height: 38px !important;
    margin: 0px !important;
    text-align: center;
    background-color: #fff;
    float: left;
    width:50%;

}
.liAStyle{
    border-radius: 0px !important;
    height: 38px !important;
    line-height: 16px !important;
    color: #666 !important;
	white-space: nowrap;
}
.liAStyle:active,.navStyleLi-active>.liAStyle{
    border-bottom: 2px solid #09bb07 !important;
    color: #09bb07 !important;
}
.navStyle-admin{ position:fixed; left:0; top:0; right:0; width:auto; float:none!important; z-index:10; /*margin: -13px -7px 13px -7px*/}
.navStyle-admin .navStyleLi{ width:25%}
.navStyle-admin .navStyleLi i{ font-size:15px; vertical-align: middle; margin:-3px 3px 0 0}
.fixednav{ position:fixed; left:0; top:0; right:0; z-index:11}

/*fullscreen-multiply-three*/
.fullscreen-multiply-three>div:nth-child(1){ left:0; top:0; right:40%; bottom:0}
.fullscreen-multiply-three>div:nth-child(2){ left:60%; top:0; right:0; bottom:50%}
.fullscreen-multiply-three>div:nth-child(3){ left:60%; top:50%; right:0; bottom:0}

.fullscreen-multiply-three2>div:nth-child(1){ left:0; top:0; right:60%; bottom:50%}
.fullscreen-multiply-three2>div:nth-child(2){ left:0; top:50%; right:60%; bottom:0}
.fullscreen-multiply-three2>div:nth-child(3){ left:40%; top:0; right:0; bottom:0}

.fullscreen-multiply-five>div:nth-child(1){ left:0; top:0; right:0; bottom:40%}
.fullscreen-multiply-five>div:nth-child(2){ left:0; top:60%; right:75%; bottom:0}
.fullscreen-multiply-five>div:nth-child(3){ left:25%; top:60%; right:50%; bottom:0}
.fullscreen-multiply-five>div:nth-child(4){ left:50%; top:60%; right:25%; bottom:0}
.fullscreen-multiply-five>div:nth-child(5){ left:75%; top:60%; right:0; bottom:0}

.fullscreen-multiply-five2>div:nth-child(1){ left:0; top:0; right:75%; bottom:60%}
.fullscreen-multiply-five2>div:nth-child(2){ left:25%; top:0; right:50%; bottom:60%}
.fullscreen-multiply-five2>div:nth-child(3){ left:50%; top:0; right:25%; bottom:60%}
.fullscreen-multiply-five2>div:nth-child(4){ left:75%; top:0; right:0; bottom:60%}
.fullscreen-multiply-five2>div:nth-child(5){ left:0; top:40%; right:0; bottom:0}

/*phone guide*/
.main-guide{ display:flex; align-items:center}
.main-guide-inner{ flex:1; text-align:center; color:#fff!important}
.main-guide-inner .glyphicon{ font-size:4em}

/*toolbar on the right*/
.toolbar{ position:fixed; right:0; top:50%; z-index:11}
.toolbar>div{ width:68px; text-align:center; color:#fff; background:rgba(140,140,140,0.7); padding:10px 0; margin-bottom:1px}
.toolbar>div:last-child{ border-radius:0 0 0 5px; margin-bottom:0}
.toolbar>div:first-child{ border-radius:5px 0 0 0}

@media (min-height:400px) {
	.atmosphere{ width:360px; height:360px}
}

@media (min-height:500px) {
	.atmosphere{ width:460px; height:460px}
	.atmosphere-userinfo img{ width:60px; height:60px; margin-top:-31px}
}

@media (min-height:600px) {
	.atmosphere{ width:560px; height:560px}
	.atmosphere-userinfo img{ width:80px; height:80px; margin-top:-41px}
}

@media (min-height:700px) {
	.atmosphere{ width:660px; height:660px}
	.atmosphere-userinfo img{ width:90px; height:90px; margin-top:-46px}
}

@media (min-height:800px) {
	.atmosphere{ width:760px; height:760px}
	.atmosphere-userinfo img{ width:100px; height:100px; margin-top:-51px}
}

@media (min-height:900px) {
	.atmosphere{ width:860px; height:860px}
	.atmosphere-userinfo img{ width:110px; height:110px; margin-top:-56px}
}

@media (min-height:1000px) {
	.atmosphere{ width:960px; height:960px}
	.atmosphere-userinfo img{ width:120px; height:120px; margin-top:-61px}
}

@media (min-width:768px) {
	.main{ padding:65px 0 0 0}
	#main{ width:750px; max-width:100%; min-height:200px; position:relative; margin:0 auto}
	.top-hd{display:none}
	.list_item{ width:250px}
}

@media (min-width:1000px) {
	#main{ width:1000px}
}

@media (min-width:1250px) {
	#main{ width:1250px}
}

@media (min-width:1500px) {
	#main{ width:1500px}
}

@media (min-width:1750px) {
	#main{ width:1750px}
}

@media (min-width:2000px) {
	#main{ width:2000px}
}

@media (max-width:1000px) {
	.setting{ zoom:0.8}
}

@-webkit-keyframes 'name-in'
{
0%   {opacity: 0;-webkit-transform:translate(0px,-50px);}
100% {opacity: 1;-webkit-transform:translate(0px,0px);}
}
@-moz-keyframes name-in
{
0%   {opacity: 0;-moz-transform:translate(0px,-50px);}
100% {opacity: 1;-moz-transform:translate(0px,0px);}
}

@-webkit-keyframes 'pic-in'
{
0%   {opacity: 0;}
100% {opacity: 1;}
}
@-moz-keyframes pic-in
{
0%   {opacity: 0;-moz-transform:translate(-50px,0px);}
100% {opacity: 1;-moz-transform:translate(0px,0px);}
}

@-webkit-keyframes 'fade-in'
{
0%   {opacity: 0;}
50% {opacity: 1;}
100% {opacity: 0;}
}
@-moz-keyframes fade-in
{
0%   {opacity: 0;}
50% {opacity: 1;}
100% {opacity: 0;}
}

@-webkit-keyframes 'fade-out'
{
0%   {opacity: 1;}
100% {opacity: 0;}
}
@-moz-keyframes fade-out
{
0%   {opacity: 1;}
100% {opacity: 0;}
}

@-webkit-keyframes 'like'
{
0%   {opacity: 0;-webkit-transform:translate(0px,100px);}
60% {opacity: 1;-webkit-transform:translate(0px,-20px);}
100% {opacity: 0;-webkit-transform:translate(0px,-20px);}
}
@-moz-keyframes like
{
0%   {opacity: 0;-moz-transform:translate(0px,100px);}
60% {opacity: 1;-moz-transform:translate(0px,-20px);}
100% {opacity: 0;-moz-transform:translate(0px,-20px);}
}

@-webkit-keyframes 'unlike'
{
0%   {opacity: 1;-webkit-transform:translate(0px,-20px);}
100% {opacity: 0;-webkit-transform:translate(0px,100px);}
}
@-moz-keyframes unlike
{
0%   {opacity: 1;-moz-transform:translate(0px,-20px);}
100% {opacity: 0;-moz-transform:translate(0px,100px);}
}


/*旋钮样式*/
.blooming-menu__container,.blooming-menu__container * {
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	outline: none;
	margin: 0;
	padding: 0;
}

.blooming-menu__container {
	position: fixed;
	right: 20px;
	bottom: 20px;
	/*-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);*/
	width: 50px;
	height: 50px;
	border-radius: 50%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index:11
}

.blooming-menu__container {
	transition: box-shadow .28s cubic-bezier(.4,0,.2,1);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

.blooming-menu__main {
	border-radius: 50%;
	width: 50px;
	height: 50px;
	position: absolute;
	z-index: 1;
	cursor: pointer;
	transition: all .28s cubic-bezier(.4,0,.2,1);
	border: none;
	background-color: #09bb07;
	color: white;
}

.blooming-menu__main:hover {
	/*box-shadow: 0 8px 17px 0 rgba(0,0,0,.2);*/
}

.blooming-menu__main.is-active {
	/*-webkit-transform: rotate(45deg);
	transform: rotate(45deg);*/
	background:#fff
}

.blooming-menu__main-content {
	font-size: 21px;
	/*line-height: 60%;*/
	position: relative;
}

.blooming-menu__main.is-active .blooming-menu__main-content {
	/*-webkit-transform: rotate(45deg);
	transform: rotate(45deg);*/
	color:#09bb07;
}

.blooming-menu__item {
	position: absolute;
	bottom: 5px;
	left: 5px;
	transition: -webkit-transform .28s cubic-bezier(.4,0,.2,1),    box-shadow .28s cubic-bezier(.4,0,.2,1),    opacity .28s cubic-bezier(.4,0,.2,1);
	transition: transform .28s cubic-bezier(.4,0,.2,1),    box-shadow .28s cubic-bezier(.4,0,.2,1),    opacity .28s cubic-bezier(.4,0,.2,1);
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

.blooming-menu__item:hover {
	/*box-shadow: 0 8px 17px 0 rgba(0,0,0,.2);*/
}

.blooming-menu__item.is-selected:hover {
	box-shadow: 0 0 0 0;
	transition: box-shadow 0s;
}

.blooming-menu__items {
	list-style-type: none;
}

.blooming-menu__item-btn-wrapper {
	width: 100%;
	height: 100%;
	background-color: #09bb07;
	border-radius: 50%;
}

.blooming-menu__item-btn {
	cursor: pointer;
	border-radius: 50%;
	border: none;
	background-color: transparent;
	width: 100%;
	height: 100%;
	transition: box-shadow .28s cubic-bezier(.4,0,.2,1), opacity .28s cubic-bezier(.4,0,.2,1);
	background-size: 50%;
	background-position: center center;
	background-repeat: no-repeat;
	text-align:center;
	font-size:19px;
	color:#fff!important;
	line-height:36px;
}

@keyframes blooming-menu__expand-item-0 {
	0% {
		transform: translate(0px, 0px)
	}

	70% {
		transform: translate(0px, -120px)
	}

	100% {
		transform: translate(0px, -100px)
	}
}

@-webkit-keyframes blooming-menu__expand-item-0 {
	0% {
		-webkit-transform: translate(0px, 0px)
	}

	70% {
		-webkit-transform: translate(0px, -120px)
	}

	100% {
		-webkit-transform: translate(0px, -100px)
	}
}

@keyframes blooming-menu__contract-item-0 {
	100% {
		transform: translate(0px, 0px)
	}

	30% {
		transform: translate(0px, -120px)
	}

	0% {
		transform: translate(0px, -100px)
	}
}

@-webkit-keyframes blooming-menu__contract-item-0 {
	100% {
		-webkit-transform: translate(0px, 0px)
	}

	30% {
		-webkit-transform: translate(0px, -120px)
	}

	0% {
		-webkit-transform: translate(0px, -100px)
	}
}

.blooming-menu__item:nth-of-type(1) {
	animation-delay: 0s;
	animation-duration: 0.4s;
	animation-timing-function: ease-out;
	animation-name: blooming-menu__contract-item-0;
	animation-fill-mode: backwards;
}

.blooming-menu__item:nth-of-type(1) {
	-webkit-animation-delay: 0s;
	-webkit-animation-duration: 0.4s;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-name: blooming-menu__contract-item-0;
	-webkit-animation-fill-mode: backwards;
}

.blooming-menu__item.is-active:nth-of-type(1) {
	animation-name: blooming-menu__expand-item-0;
	animation-fill-mode: forwards;
}

.blooming-menu__item.is-active:nth-of-type(1) {
	-webkit-animation-name: blooming-menu__expand-item-0;
	-webkit-animation-fill-mode: forwards;
}

.blooming-menu__item:nth-of-type(1).is-selected .blooming-menu__item-btn-wrapper {
	animation-name: blooming-menu__select-item;
	animation-fill-mode: forwards;
	animation-duration: 0.4s;
	animation-timing-function: ease-out;
}

.blooming-menu__item:nth-of-type(1).is-selected .blooming-menu__item-btn-wrapper {
	-webkit-animation-name: blooming-menu__select-item;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-duration: 0.4s;
	-webkit-animation-timing-function: ease-out;
}

.blooming-menu__item:nth-of-type(1).is-not-selected .blooming-menu__item-btn-wrapper {
	animation-name: blooming-menu__not-select-item;
	animation-fill-mode: forwards;
	animation-duration: 0.4s;
	animation-timing-function: ease-out;
}

.blooming-menu__item:nth-of-type(1).is-not-selected .blooming-menu__item-btn-wrapper {
	-webkit-animation-name: blooming-menu__not-select-item;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-duration: 0.4s;
	-webkit-animation-timing-function: ease-out;
}

@keyframes blooming-menu__expand-item-1 {
	0% {
		transform: translate(0px, 0px)
	}

	70% {
		transform: translate(-60px, -103.91999999999999px)
	}

	100% {
		transform: translate(-50px, -86.6px)
	}
}

@-webkit-keyframes blooming-menu__expand-item-1 {
	0% {
		-webkit-transform: translate(0px, 0px)
	}

	70% {
		-webkit-transform: translate(-60px, -103.91999999999999px)
	}

	100% {
		-webkit-transform: translate(-50px, -86.6px)
	}
}

@keyframes blooming-menu__contract-item-1 {
	100% {
		transform: translate(0px, 0px)
	}

	30% {
		transform: translate(-60px, -103.91999999999999px)
	}

	0% {
		transform: translate(-50px, -86.6px)
	}
}

@-webkit-keyframes blooming-menu__contract-item-1 {
	100% {
		-webkit-transform: translate(0px, 0px)
	}

	30% {
		-webkit-transform: translate(-60px, -103.91999999999999px)
	}

	0% {
		-webkit-transform: translate(-50px, -86.6px)
	}
}

.blooming-menu__item:nth-of-type(2) {
	animation-delay: 0.08s;
	animation-duration: 0.4s;
	animation-timing-function: ease-out;
	animation-name: blooming-menu__contract-item-1;
	animation-fill-mode: backwards;
}

.blooming-menu__item:nth-of-type(2) {
	-webkit-animation-delay: 0.08s;
	-webkit-animation-duration: 0.4s;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-name: blooming-menu__contract-item-1;
	-webkit-animation-fill-mode: backwards;
}

.blooming-menu__item.is-active:nth-of-type(2) {
	animation-name: blooming-menu__expand-item-1;
	animation-fill-mode: forwards;
}

.blooming-menu__item.is-active:nth-of-type(2) {
	-webkit-animation-name: blooming-menu__expand-item-1;
	-webkit-animation-fill-mode: forwards;
}

.blooming-menu__item:nth-of-type(2).is-selected .blooming-menu__item-btn-wrapper {
	animation-name: blooming-menu__select-item;
	animation-fill-mode: forwards;
	animation-duration: 0.4s;
	animation-timing-function: ease-out;
}

.blooming-menu__item:nth-of-type(2).is-selected .blooming-menu__item-btn-wrapper {
	-webkit-animation-name: blooming-menu__select-item;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-duration: 0.4s;
	-webkit-animation-timing-function: ease-out;
}

.blooming-menu__item:nth-of-type(2).is-not-selected .blooming-menu__item-btn-wrapper {
	animation-name: blooming-menu__not-select-item;
	animation-fill-mode: forwards;
	animation-duration: 0.4s;
	animation-timing-function: ease-out;
}

.blooming-menu__item:nth-of-type(2).is-not-selected .blooming-menu__item-btn-wrapper {
	-webkit-animation-name: blooming-menu__not-select-item;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-duration: 0.4s;
	-webkit-animation-timing-function: ease-out;
}

@keyframes blooming-menu__expand-item-2 {
	0% {
		transform: translate(0px, 0px)
	}

	70% {
		transform: translate(-103.91999999999999px, -60px)
	}

	100% {
		transform: translate(-86.6px, -50px)
	}
}

@-webkit-keyframes blooming-menu__expand-item-2 {
	0% {
		-webkit-transform: translate(0px, 0px)
	}

	70% {
		-webkit-transform: translate(-103.91999999999999px, -60px)
	}

	100% {
		-webkit-transform: translate(-86.6px, -50px)
	}
}

@keyframes blooming-menu__contract-item-2 {
	100% {
		transform: translate(0px, 0px)
	}

	30% {
		transform: translate(-103.91999999999999px, -60px)
	}

	0% {
		transform: translate(-86.6px, -50px)
	}
}

@-webkit-keyframes blooming-menu__contract-item-2 {
	100% {
		-webkit-transform: translate(0px, 0px)
	}

	30% {
		-webkit-transform: translate(-103.91999999999999px, -60px)
	}

	0% {
		-webkit-transform: translate(-86.6px, -50px)
	}
}

.blooming-menu__item:nth-of-type(3) {
	animation-delay: 0.16s;
	animation-duration: 0.4s;
	animation-timing-function: ease-out;
	animation-name: blooming-menu__contract-item-2;
	animation-fill-mode: backwards;
}

.blooming-menu__item:nth-of-type(3) {
	-webkit-animation-delay: 0.16s;
	-webkit-animation-duration: 0.4s;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-name: blooming-menu__contract-item-2;
	-webkit-animation-fill-mode: backwards;
}

.blooming-menu__item.is-active:nth-of-type(3) {
	animation-name: blooming-menu__expand-item-2;
	animation-fill-mode: forwards;
}

.blooming-menu__item.is-active:nth-of-type(3) {
	-webkit-animation-name: blooming-menu__expand-item-2;
	-webkit-animation-fill-mode: forwards;
}

.blooming-menu__item:nth-of-type(3).is-selected .blooming-menu__item-btn-wrapper {
	animation-name: blooming-menu__select-item;
	animation-fill-mode: forwards;
	animation-duration: 0.4s;
	animation-timing-function: ease-out;
}

.blooming-menu__item:nth-of-type(3).is-selected .blooming-menu__item-btn-wrapper {
	-webkit-animation-name: blooming-menu__select-item;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-duration: 0.4s;
	-webkit-animation-timing-function: ease-out;
}

.blooming-menu__item:nth-of-type(3).is-not-selected .blooming-menu__item-btn-wrapper {
	animation-name: blooming-menu__not-select-item;
	animation-fill-mode: forwards;
	animation-duration: 0.4s;
	animation-timing-function: ease-out;
}

.blooming-menu__item:nth-of-type(3).is-not-selected .blooming-menu__item-btn-wrapper {
	-webkit-animation-name: blooming-menu__not-select-item;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-duration: 0.4s;
	-webkit-animation-timing-function: ease-out;
}

@keyframes blooming-menu__expand-item-3 {
	0% {
		transform: translate(0px, 0px)
	}

	70% {
		transform: translate(-120px, 0px)
	}

	100% {
		transform: translate(-100px, 0px)
	}
}

@-webkit-keyframes blooming-menu__expand-item-3 {
	0% {
		-webkit-transform: translate(0px, 0px)
	}

	70% {
		-webkit-transform: translate(-120px, 0px)
	}

	100% {
		-webkit-transform: translate(-100px, 0px)
	}
}

@keyframes blooming-menu__contract-item-3 {
	100% {
		transform: translate(0px, 0px)
	}

	30% {
		transform: translate(-120px, 0px)
	}

	0% {
		transform: translate(-100px, 0px)
	}
}

@-webkit-keyframes blooming-menu__contract-item-3 {
	100% {
		-webkit-transform: translate(0px, 0px)
	}

	30% {
		-webkit-transform: translate(-120px, 0px)
	}

	0% {
		-webkit-transform: translate(-100px, 0px)
	}
}

.blooming-menu__item:nth-of-type(4) {
	animation-delay: 0.16s;
	animation-duration: 0.4s;
	animation-timing-function: ease-out;
	animation-name: blooming-menu__contract-item-3;
	animation-fill-mode: backwards;
}

.blooming-menu__item:nth-of-type(4) {
	-webkit-animation-delay: 0.24s;
	-webkit-animation-duration: 0.4s;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-name: blooming-menu__contract-item-3;
	-webkit-animation-fill-mode: backwards;
}

.blooming-menu__item.is-active:nth-of-type(4) {
	animation-name: blooming-menu__expand-item-3;
	animation-fill-mode: forwards;
}

.blooming-menu__item.is-active:nth-of-type(4) {
	-webkit-animation-name: blooming-menu__expand-item-3;
	-webkit-animation-fill-mode: forwards;
}

.blooming-menu__item:nth-of-type(4).is-selected .blooming-menu__item-btn-wrapper {
	animation-name: blooming-menu__select-item;
	animation-fill-mode: forwards;
	animation-duration: 0.4s;
	animation-timing-function: ease-out;
}

.blooming-menu__item:nth-of-type(4).is-selected .blooming-menu__item-btn-wrapper {
	-webkit-animation-name: blooming-menu__select-item;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-duration: 0.4s;
	-webkit-animation-timing-function: ease-out;
}

.blooming-menu__item:nth-of-type(4).is-not-selected .blooming-menu__item-btn-wrapper {
	animation-name: blooming-menu__not-select-item;
	animation-fill-mode: forwards;
	animation-duration: 0.4s;
	animation-timing-function: ease-out;
}

.blooming-menu__item:nth-of-type(4).is-not-selected .blooming-menu__item-btn-wrapper {
	-webkit-animation-name: blooming-menu__not-select-item;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-duration: 0.4s;
	-webkit-animation-timing-function: ease-out;
}